@import './sidebar.scss';
@import './reset.scss';
@import './dark.scss';

::-webkit-scrollbar{width: 6px;}
::-webkit-scrollbar-thumb{
  background-color: #0003; border-radius: 10px; transition: all .2s ease-in-out;
  &:hover{cursor: pointer; background-color: #0000004d;}
}
::-webkit-scrollbar-track{border-radius: 10px;}

.el-message{min-width: 340px;}
.el-button{
  min-width: 80px;
  &.is-link{min-width: auto;}
  &.is-text{min-width: auto;}
}

.app-container {
  padding: 12px;
  .search {
    padding: 18px 0 0 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid var(--el-border-color-light);
    box-shadow: var(--el-box-shadow-light);
    background-color: var(--el-bg-color-overlay);
  }

  .el-card{margin-bottom: 12px;}
  .el-checkbox__inner{border: 1px solid var(--el-color-info);}
}

.ni-form{
  &.search{
    padding: 20px 20px 5px;
  }
  &.default{margin-bottom: 0;}
  .el-textarea{width: 400px;}
}

.ni-table{
  .el-button.is-text{padding: 5px; margin: 0;}
}

